<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='报工台账')" />
<link th:href="@{plugins/common/css/basemessage.css}" rel="stylesheet" />
<link th:href="@{css/TaiZhang/taizhang.css}" rel="stylesheet" />
<body>
	<div class="main-content blank_bg">
		<div>
			<div>
				<div class="row" style="margin: 10px;">
					<div class="page-heading">
						<!-- 						<div class="" >
							<div style="float:left">
								<span class="spanCss">任务单号：</span> 
								<input type="text" id="fBillNo" name="fBillNo" class="form-control clean_C" style="width: 100px; margin-right: 10px;" autocomplete="off" /> 
								<span class="spanCss">派工单号：</span> 
								<input type="text" id="fCode" name="fCode" class="form-control clean_C" style="width: 95px; margin-right: 10px;" autocomplete="off" /> 
								<span class="spanCss">物料名称：</span> 
								<input type="text" id="fName" name="fName" class="form-control clean_C" style="width: 80px; margin-right: 10px;" autocomplete="off" /> 
								<span class="spanCss">员工：</span> 
								<input type="text" id="fWorker" name="fWorker" class="form-control clean_C" style="width: 70px; margin-right: 10px;" autocomplete="off" /> 
								<span class="spanCss">开工日期：</span> 
								<input type="text" id="fStartStartTime" name="fStartStartTime" class="form-control clean_C" style="width: 85px;" autocomplete="off"/>
								<span>—</span>
								<input type="text" id="fEndStartTime" name="fEndStartTime" class="form-control clean_C" style="width: 85px; margin-right: 10px;" autocomplete="off"/>
								<span class="spanCss">完工日期：</span> 
								<input type="text" id="fStartEndTime" name="fStartEndTime" class="form-control clean_C" style="width: 85px;" autocomplete="off"/>
								<span>—</span>
								<input type="text" id="fEndEndTime" name="fEndEndTime" class="form-control clean_C" style="width: 85px; margin-right: 10px;" autocomplete="off"/>
							</div>
							<div style="float: left;margin-right: 10px;">
								<span class="spanCss" style="">任务单类型：</span>
								<select name="taskStyle" id="taskStyle" class="selectpicker clean_C " data-live-search="true" data-width="85px">
									<option value="">全部</option>
									<option value="1">装配任务</option>
									<option value="2">生产任务</option>
								</select>
							</div>
							<div style="float:left">
								<button type="button" class="btn btn-default query" id="query">
									<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
									查询
								</button>
								<button type="button" class="btn btn-default resetting" id="resetting">重置</button>
								<button type="button" class="btn btn-default" id="more">更多</button>
								<button type="button" class="btn btn-default" id="export">导出</button>
							</div>
							<div style="clear:both"></div>
						</div> -->

						<div class="" style="margin-bottom: 3px;">
							<div style="float: left; margin-right: 10px;">
								<span class="searchRecord" style="">检索历史</span>
							</div>
							<div style="float: left; margin-right: 10px; width: 8%;">
								<select name="searchRecord" id="searchRecord"
									class="form-control" data-live-search="true" data-width="85px"
									onchange="loadSearchRecord()">

								</select>
							</div>
							<i style="float: left;margin: 6px 4px 0px -4px;" class="fa fa-times" onclick = "deleteRecord()"></i>
							<div style="float: left">
								<button type="button" class="btn btn-default" id="addSearch">增加搜索组</button>
								&nbsp;
								<button type="button" id="saveSearch" class="btn btn-default">保存检索</button>
								&nbsp;
								<button type="button" id="resetSearch" class="btn btn-default">重置</button>
								&nbsp;
								<button type="button" class="btn btn-default " id="changeColumn">自定义列</button>
								<button type="button" class="btn btn-default" id="export">导出</button>
								&nbsp;
								<button type="button" id="query" class="btn btn-default">搜索</button>
							</div>
							<div style="clear: both"></div>
						</div>

						<table class="table table-condensed table-form" id="bug-search">
							<tbody>
								<tr id="searchbox1" class="">
									<td class="w-110px"></td>
									<td class="w-10px"><span id="searchgroup1"> <strong>第一组</strong></span>
									</td>
									<td class="w-110px"><select name="field1" id="field1"
										class="form-control" data-live-search="true" data-width="85px"
										onchange="ifTime(1)">
											<option value="blank" title="blank" data-keys=" ">无</option>
									</select>
										<div
											class="chosen-container chosen-container-single chosen-compact chosen-with-search"
											style="width: 100%;" title="" id="field1_chosen"></div></td>
									<td class="w-90px"><select name="operator1" id="operator1"
										class="form-control">
											<option value="=" title="=" data-keys=" ">等于</option>
											<option value="<>" title="!=" data-keys="! !">不等于</option>
											<option value=">" title=">" data-keys=" ">大于</option>
											<option value=">=" title=">=" data-keys=" ">大于等于</option>
											<option value="<" title="<" data-keys=" ">小于</option>
											<option value="<=" title="<=" data-keys=" ">小于等于</option>
											<option value="like" title="包含" data-keys="baohan bh">包含</option>
											<option value="left like" title="左包含"
												data-keys="zuobaohan zbh">左包含</option>
											<option value="right like" title="右包含"
												data-keys="youbaohan ybh">右包含</option>
									</select></td>
									<td class="w-td" id="valueBox1" style="overflow: visible">
										<input type="text" name="value1" id="value1" value=""
										class="form-control searchInput" autocomplete="off">
									</td>
									<td class="col-md-5"></td>

								</tr>
								<tr id="searchbox2" class="">
									<td class="w-110px"><select name="andOr1" id="andOr1"
										class="form-control">
											<option value="and" selected="selected" title="并且"
												data-keys="bingqie bq">并且</option>
											<option value="or" title="或者" data-keys="huozhe hz">或者</option>
									</select></td>
									<td class="w-10px"><span id="searchgroup2"> <strong>第二组</strong></span>
									</td>
									<td class="w-110px" style="overflow: visible"><select
										name="field2" id="field2" class="form-control"
										data-live-search="true" data-width="85px" onchange="ifTime(2)">
											<option value="blank" title="blank" data-keys=" ">无</option>
									</select>
										<div
											class="chosen-container chosen-container-single chosen-compact chosen-with-search"
											style="width: 100%;" title="" id="field1_chosen"></div></td>
									<td class="w-90px"><select name="operator2" id="operator2"
										class="form-control">
											<option value="=" title="=" data-keys=" ">等于</option>
											<option value="<>" title="!=" data-keys="! !">不等于</option>
											<option value=">" title=">" data-keys=" ">大于</option>
											<option value=">=" title=">=" data-keys=" ">大于等于</option>
											<option value="<" title="<" data-keys=" ">小于</option>
											<option value="<=" title="<=" data-keys=" ">小于等于</option>
											<option value="like" title="包含" data-keys="baohan bh">包含</option>
											<option value="left like" title="左包含"
												data-keys="zuobaohan zbh">左包含</option>
											<option value="right like" title="右包含"
												data-keys="youbaohan ybh">右包含</option>
									</select></td>
									<td class="w-td" id="valueBox2" style="overflow: visible">
										<input type="text" name="value2" id="value2" value=""
										class="form-control searchInput" autocomplete="off">
									</td>
									<td class="col-md-5"></td>
								</tr>
								<tr id="searchbox3" class="">
									<td class="w-110px"><select name="andOr2" id="andOr2"
										class="form-control">
											<option value="and" selected="selected" title="并且"
												data-keys="bingqie bq">并且</option>
											<option value="or" title="或者" data-keys="huozhe hz">或者</option>
									</select></td>
									<td class="w-10px"><span id="searchgroup3"> <strong>第三组</strong></span>
									</td>
									<td class="w-110px" style="overflow: visible"><select
										name="field3" id="field3" class="form-control"
										data-live-search="true" data-width="85px" onchange="ifTime(3)">

											<option value="blank" title="blank" data-keys=" ">无</option>
									</select>
										<div
											class="chosen-container chosen-container-single chosen-compact chosen-with-search"
											style="width: 100%;" title="" id="field1_chosen"></div></td>
									<td class="w-90px"><select name="operator3" id="operator3"
										class="form-control">
											<option value="=" title="=" data-keys=" ">等于</option>
											<option value="<>" title="!=" data-keys="! !">不等于</option>
											<option value=">" title=">" data-keys=" ">大于</option>
											<option value=">=" title=">=" data-keys=" ">大于等于</option>
											<option value="<" title="<" data-keys=" ">小于</option>
											<option value="<=" title="<=" data-keys=" ">小于等于</option>
											<option value="like" title="包含" data-keys="baohan bh">包含</option>
											<option value="left like" title="左包含"
												data-keys="zuobaohan zbh">左包含</option>
											<option value="right like" title="右包含"
												data-keys="youbaohan ybh">右包含</option>
									</select></td>
									<td class="w-td" id="valueBox3" style="overflow: visible">
										<input type="text" name="value3" id="value3" value=""
										class="form-control searchInput" autocomplete="off">
									</td>
									<td class="col-md-5"></td>
								</tr>
								<tr id="searchbox4" class="">
									<td class="w-110px"><select name="andOr3" id="andOr3"
										class="form-control">
											<option value="and" selected="selected" title="并且"
												data-keys="bingqie bq">并且</option>
											<option value="or" title="或者" data-keys="huozhe hz">或者</option>
									</select></td>
									<td class="w-10px"><span id="searchgroup4"> <strong>第四组</strong></span>
									</td>
									<td class="w-110px" style="overflow: visible"><select
										name="field4" id="field4" class="form-control"
										data-live-search="true" data-width="85px" onchange="ifTime(4)">
											<option value="blank" title="blank" data-keys=" ">无</option>
									</select>
										<div
											class="chosen-container chosen-container-single chosen-compact chosen-with-search"
											style="width: 100%;" title="" id="field1_chosen"></div></td>
									<td class="w-90px"><select name="operator4" id="operator4"
										class="form-control">
											<option value="=" title="=" data-keys=" ">等于</option>
											<option value="<>" title="!=" data-keys="! !">不等于</option>
											<option value=">" title=">" data-keys=" ">大于</option>
											<option value=">=" title=">=" data-keys=" ">大于等于</option>
											<option value="<" title="<" data-keys=" ">小于</option>
											<option value="<=" title="<=" data-keys=" ">小于等于</option>
											<option value="like" title="包含" data-keys="baohan bh">包含</option>
											<option value="left like" title="左包含"
												data-keys="zuobaohan zbh">左包含</option>
											<option value="right like" title="右包含"
												data-keys="youbaohan ybh">右包含</option>
									</select></td>
									<td class="w-td" id="valueBox4" style="overflow: visible">
										<input type="text" name="value4" id="value4" value=""
										class="form-control searchInput" autocomplete="off">
									</td>
									<td class="col-md-5"></td>
								</tr>
								<tr id="searchbox5" class="">
									<td class="w-110px"><select name="andOr4" id="andOr4"
										class="form-control">
											<option value="and" selected="selected" title="并且"
												data-keys="bingqie bq">并且</option>
											<option value="or" title="或者" data-keys="huozhe hz">或者</option>
									</select></td>
									<td class="w-10px"><span id="searchgroup5"> <strong>第五组</strong></span>
									</td>
									<td class="w-110px" style="overflow: visible"><select
										name="field5" id="field5" class="form-control"
										data-live-search="true" data-width="85px" onchange="ifTime(5)">
											<option value="blank" title="blank" data-keys=" ">无</option>
									</select>
										<div
											class="chosen-container chosen-container-single chosen-compact chosen-with-search"
											style="width: 100%;" title="" id="field1_chosen"></div></td>
									<td class="w-90px"><select name="operator5" id="operator5"
										class="form-control">
											<option value="=" title="=" data-keys=" ">等于</option>
											<option value="<>" title="!=" data-keys="! !">不等于</option>
											<option value=">" title=">" data-keys=" ">大于</option>
											<option value=">=" title=">=" data-keys=" ">大于等于</option>
											<option value="<" title="<" data-keys=" ">小于</option>
											<option value="<=" title="<=" data-keys=" ">小于等于</option>
											<option value="like" title="包含" data-keys="baohan bh">包含</option>
											<option value="left like" title="左包含"
												data-keys="zuobaohan zbh">左包含</option>
											<option value="right like" title="右包含"
												data-keys="youbaohan ybh">右包含</option>
									</select></td>
									<td class="w-td" id="valueBox5" style="overflow: visible">
										<input type="text" name="value5" id="value5" value=""
										class="form-control searchInput" autocomplete="off">
									</td>
									<td class="col-md-5"></td>
								</tr>
								<tr id="searchbox6" class="">
									<td class="w-110px"><select name="andOr5" id="andOr5"
										class="form-control">
											<option value="and" selected="selected" title="并且"
												data-keys="bingqie bq">并且</option>
											<option value="or" title="或者" data-keys="huozhe hz">或者</option>
									</select></td>
									<td class="w-10px"><span id="searchgroup6"> <strong>第六组</strong></span>
									</td>
									<td class="w-110px" style="overflow: visible"><select
										name="field6" id="field6" class="form-control"
										data-live-search="true" data-width="85px" onchange="ifTime(6)">
											<option value="blank" title="blank" data-keys=" ">无</option>
									</select>
										<div
											class="chosen-container chosen-container-single chosen-compact chosen-with-search"
											style="width: 100%;" title="" id="field1_chosen"></div></td>
									<td class="w-90px"><select name="operator6" id="operator6"
										class="form-control">
											<option value="=" title="=" data-keys=" ">等于</option>
											<option value="<>" title="!=" data-keys="! !">不等于</option>
											<option value=">" title=">" data-keys=" ">大于</option>
											<option value=">=" title=">=" data-keys=" ">大于等于</option>
											<option value="<" title="<" data-keys=" ">小于</option>
											<option value="<=" title="<=" data-keys=" ">小于等于</option>
											<option value="like" title="包含" data-keys="baohan bh">包含</option>
											<option value="left like" title="左包含"
												data-keys="zuobaohan zbh">左包含</option>
											<option value="right like" title="右包含"
												data-keys="youbaohan ybh">右包含</option>
									</select></td>
									<td class="w-td" id="valueBox6" style="overflow: visible">
										<input type="text" name="value6" id="value6" value=""
										class="form-control searchInput" autocomplete="off">
									</td>
									<td class="col-md-5"></td>
								</tr>
								<tr>
									<td colspan="6" class="text-center form-actions"><input
										type="hidden" name="module" id="module" value="bug"> <input
										type="hidden" name="actionURL" id="actionURL"
										value="/zentao/bug-browse-2-0-bySearch-myQueryID.html">
										<input type="hidden" name="groupItems" id="groupItems"
										value="3"> <!-- <button type="button" class="btn btn-default" id="addSearch">增加搜索组</button>&nbsp;
                      <button type="button" id="query" class="btn btn-default">搜索</button>&nbsp;
                       <button type="button" id="saveSearch" class="btn btn-default">保存</button>&nbsp;
                       <button type="button" id="resetSearch" class="btn btn-default">重置</button>&nbsp; -->
										<!-- <button type="button" class="btn-expand-form btn btn-info pull-right">
                        <i class="icon icon-chevron-double-down"></i>
                      </button> --> <input type="hidden" name="formType"
										id="formType" value="more"></td>
								</tr>
							</tbody>
						</table>
						 <!--  下查模态框 start -->
						<div class="modal fade " id="inputCardModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
						<div class="modal-dialog" style="width: 80%; height: 220px;">
							<div class="modal-content" style="width: auto;text-align:center;">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									<h4 class="modal-title" id="titleModal" style="text-align: left;">下查</h4>
								</div>
								<div class="modal-body" style="padding: 10px;">
										<form id="inForm" class="form-group">
										   <div class="demo">
											<div class="row">
												<div class="tab" role="tabpanel">
														<!-- Nav tabs -->
														<ul class="nav nav-tabs" role="tablist">
															<li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-user"></i>质检信息</a></li>
															<li role="presentation"><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab"><i class="fa fa-envelope"></i>生产改制信息</a></li><!-- 
															<li role="presentation"><a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-cube"></i>Section 3</a></li>
															<li role="presentation"><a href="#Section4" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-comment"></i>Section 4</a></li> -->
														</ul>
														<!-- Tab panes -->
														<div class="tab-content tabs">
															<div role="tabpanel" class="tab-pane fade in active" id="Section1">
																<div>
																	<table id="gaiTable" class="table dataTable table-hover"></table>
																</div>
															</div>
															<div role="tabpanel" class="tab-pane fade" id="Section2">
																<div>
																	<table id="xuTable" class="table dataTable table-hover"></table>
																</div>
															</div>
															<!-- <div role="tabpanel" class="tab-pane fade" id="Section3">
																<h3>Section-3</h3>
																<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec urna aliquam, ornare eros vel, malesuada lorem. Nullam faucibus lorem at eros consectetur lobortis. Maecenas nec nibh congue, placerat sem id, rutrum velit. Phasellus porta enim at facilisis condimentum. Maecenas pharetra dolor vel elit tempor pellentesque sed sed eros. Aenean vitae mauris tincidunt, imperdiet orci semper, rhoncus ligula. Vivamus scelerisque. </p>
															</div>
															<div role="tabpanel" class="tab-pane fade" id="Section4">
																<h3>Section-4</h3>
																<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec urna aliquam, ornare eros vel, malesuada lorem. Nullam faucibus lorem at eros consectetur lobortis. Maecenas nec nibh congue, placerat sem id, rutrum velit. Phasellus porta enim at facilisis condimentum. Maecenas pharetra dolor vel elit tempor pellentesque sed sed eros. Aenean vitae mauris tincidunt, imperdiet orci semper, rhoncus ligula. Vivamus scelerisque. </p>
															</div> -->
														</div>
													</div>
												</div>
											</div>
									</form>
									</div>
								</div>
							</div>
						</div>
					    <!-- 下查模态框 end       -->   
						
						<!-- 检索历史命名模态框 start -->
						<div class="modal fade " id="saveModal" role="dialog"
							aria-labelledby="myModalLabel" aria-hidden="true"
							style="background-color: rgba(0, 0, 0, 0.5)"
							data-backdrop="static">
							<div class="modal-dialog" style="width: 23%; height: 220px;">
								<div class="modal-content" style="width: auto;">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal"
											aria-hidden="true">&times;</button>
										<h4 class="modal-title" id="titleModal">检索历史命名</h4>
									</div>
									<div class="modal-body" style="height: auto; padding: 10px;">
										<form id="checkForm" class="form-group">
											<div
												style="display: inline-block; overflow: hidden; margin-right: 15px;"
												id="">
												<table border="0" cellspacing="0" cellpadding="0"
													class="table-condensed normal-table table-content" id="">
													<tr>
														<td class="title"><span class="sub"><span
																class="requiredCss">*</span>检索名称保存为：</span></td>
														<td colspan=""><input type="text" id="recordName"
															name="recordName" class="clean_c form-control"></td>
													</tr>
												</table>
												<table border="0" cellspacing="0" cellpadding="0"
													class="table-condensed normal-table table-content" id=""
													style="margin-top: 5px;">
													<tr>
														<td class="title" colspan="6"><span style=""
															class="requiredCss sub">注：带*为必填字段。</span></td>
													</tr>
												</table>
												<div style="width: 100%; position: relative;">
													<div style="text-align: center; margin-top: 15px;">
														<button type="button" class="btn btn-default"
															id="confirms" style="margin-right: 20px;">确定</button>
														<button type="button" class="btn btn-default" id="cancel"
															data-dismiss="modal">取消</button>
													</div>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
						<!-- 检索历史命名模态框 end -->

						<div class="" id="extend" style="margin-top: 5px; display: none;">
							<div style="clear: both;">
								<span class="spanCss">物料代码：</span> <input type="text"
									id="fNumber" name="fNumber" class="form-control clean_C"
									style="width: 100px; margin-right: 10px;" autocomplete="off" />
								<span class="spanCss">规格型号：</span> <input type="text"
									id="fModel" name="fModel" class="form-control clean_C"
									style="width: 100px; margin-right: 10px;" autocomplete="off" />
								<span class="spanCss">派工人：</span> <input type="text"
									id="fBillerName" name="fBillerName"
									class="form-control clean_C"
									style="width: 80px; margin-right: 10px;" autocomplete="off" />
								<span class="spanCss">工序号：</span> <input type="text"
									id="fOperSN" name="fOperSN" class="form-control clean_C"
									style="width: 70px; margin-right: 10px;" autocomplete="off" />
								<span class="spanCss">报工时的工序名称：</span> <input type="text"
									id="fOper" name="fOper" class="form-control clean_C"
									style="width: 90px; margin-right: 10px;" autocomplete="off" />
								<span class="spanCss">派工时的工序名称：</span> <input type="text"
									id="fDisOper" name="fDisOper" class="form-control clean_C"
									style="width: 90px; margin-right: 10px;" autocomplete="off" />
								<!-- <span class="spanCss">工作中心：</span> 
								<input type="text" id="workshop" name="workshop" class="form-control clean_C" style="width: 100px; margin-right: 10px;" />
								<input type="hidden" id="workshopcodes" name="workshopcodes" class="form-control clean_C" style="width: 100px; margin-right: 10px;" /> -->
								<!-- <span class="spanCss">制单人ID：</span> 
								<input type="text" id="registerId" name="registerId" class="form-control clean_C" style="width: 70px; margin-right: 10px;" /> -->
							</div>
							<div>
								<span class="spanCss">设备名称：</span> <input type="text"
									id="fMachine" name="fMachine" class="form-control clean_C"
									style="width: 99px; margin-right: 10px;" autocomplete="off" />
								<span class="spanCss">工作中心：</span> <select name="fDepId"
									id="fDepId" class="selectpicker clean_C "
									data-live-search="true" data-width="120px">
								</select>
							</div>
						</div>
						<div style="margin-top: 5px;">
							<table id="infoTable" class="table dataTable table-hover">
							</table>
						</div>
					</div>

					<!-- 调用showModal里的queryModal，查询行 -->
					<div th:include="Production/showModal :: queryModal" />
					<div th:include="Production/customColumnModal :: customColumnModal" /></div>
				</div>
			</div>
		</div>
	</div>
	<div th:include="base :: bottom" />
	<div th:include="base :: bootstrapTable" />
	<div th:include="base :: tableExport" />
	<div th:include="base :: others" />
	<div th:include="base :: ztree" />
	<script th:src="@{js/TaiZhang/baogongTaizhang.js}"></script>
	<script th:src="@{js/Production/showModal.js}"></script>
    <script th:src="@{js/TaiZhang/bgTzCommon.js}"></script>
    <script th:src="@{js/TaiZhang/newtZCommon.js}"></script>
</body>
</html>
